<!DOCTYPE html>
<html lang="en">
<script src="../ext_js/jquery-1.4.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="./radio.css">
<body>
	<div class="row">
		<div class="panel">
			<div class="rad-area"></div>
			<input type="radio" name="tier"  class="jcf-hidden" value="0">
			<span><b>99 GBP</b></span>
		</div>
	</div>
	<div class="row">
		<div class="panel">
			<div class="rad-area"></div>
			<input type="radio" name="tier" class="jcf-hidden" value="0">
			<span><b>199 GBP</b></span>
		</div>
	</div>
<script>
	$(function(){
			$(".rad-area").each(function(i,n){
				$(this).click(function(){
					$(".rad-area").removeClass("rad-checked");
					 if($(this).next().val()==1){
				        $(this).next().attr("value","0");
				        $(this).addClass("rad-unchecked");
				    }else{
				    	$(".rad-area").next().attr("value","0");
				        $(this).next().attr("value","1");
				        $(this).addClass("rad-checked");
				    }
			})
		})
	})
</script>
</body>
</html>